<script setup lang="ts">
import { ref } from 'vue'
const defaultVal = ref(1)
</script>

<template>
  <div class="play-page">
    <h1>{{ defaultVal }}</h1>
    <CpRadioBtn
      :options="[
        {
          label: '男',
          value: 1
        },
        {
          label: '女',
          value: 0
        }
      ]"
      :modelValue="defaultVal"
      @update:modelValue="defaultVal = $event as number"
    ></CpRadioBtn>
    <CpRadioBtn
      :options="[
        {
          label: '男',
          value: 1
        },
        {
          label: '女',
          value: 0
        }
      ]"
      v-model="defaultVal"
    ></CpRadioBtn>
  </div>
</template>

<style lang="scss" scoped></style>
